<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:tiles="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org" lang="en">

<head>

</head>

<body tiles:fragment="content">
 	<div>
		<h5>
			<p th:text="#{ejecutarAtencion.consultarAtencion}">Consulta de fases activas</p>
		</h5>
		<hr />
		
		<h2>
			<p th:text="#{ejecutarAtencion.atencionSolicitudes}">Atención de solicitudes</p>
		</h2>

		<div>
			<form action="#" th:object="${filtroBusqueda}" th:action="@{/consultarAtencion}"
				method="post" class="inline">

<!-- 			<div class="notice" th:if="${faseActivada}"> -->
<!--                   <span th:text="#{activarFase.msgActivada}">Ha activado una fase para su atención</span><br /> -->
<!--             </div> -->
            
				<div class="error" th:if="${flagError}">
                  <span th:each="err : ${#fields.errors('*')}">
                  <span th:text="${err}">Entrada incorrecta</span><br />
                  </span>
           	    </div>
				
				<fieldset>
				<legend th:text="#{busqueda.titulo}">Filtros de Búsqueda</legend>
					<div class="span-6">
					<p>					
						<label th:text="#{busqueda.cliente}">Cliente </label><br/>
						<input type="text" id="clienteBusqueda" th:field="*{clienteBusqueda}" />
					</p>
					</div>
					<div class="span-11 last">
					<p>			
						<label th:text="#{busqueda.fechaInicio}">Fecha de Inicio</label><br/>
						<span th:text="#{busqueda.desde}">Desde:</span>
						<input type="text" id="from" name="from" th:field="*{fechaBusquedaInicio}" readonly="readonly"/>
						<span th:text="#{busqueda.hasta}">Hasta:</span>
						<input type="text" id="to" name="to" th:field="*{fechaBusquedaFin}" readonly="readonly"/>
					</p>					  
	                </div>
	                <div class="span-4 last">
	              	    <button type="submit" th:text="#{busqueda.buscarFasesActivas}">Buscar fases activas</button>
	                </div>				
						
				</fieldset>
			</form>		
		</div>			
			<div id="resultadoFases" th:if="${listaFases}">
			<fieldset>
			<legend th:text="#{busqueda.resultadoDeBusqueda}">Resultado de búsqueda</legend>	  	
				    <table class="summary">
				        <thead>
				            <tr>				            	
				                <th th:text="#{resultado.fase}">Fase</th>
				                <th th:text="#{resultado.solicitud}">Nro Solicitud</th>
				                <th th:text="#{resultado.cliente}">Cliente</th>
				                <th th:text="#{resultado.fechaActivacion}">Fecha de activación</th>
				                <th th:text="#{resultado.fechaProgramadaFin}">Fecha programada fin</th>
				                <th th:text="#{resultado.accion}">Acción</th>
				            </tr>
				        </thead>
				        <tbody>
				            <tr th:each="fase : ${listaFases}">				            	
				                <td th:text="${fase.nombre}">Desarrollo</td>
				                <td th:text="${fase.solicitud.id}">56</td>
				                <td th:text="${fase.solicitud.solicitante.cliente.razonSocial}">Aurora S.A.</td>
				                <td th:text="${#dates.format(fase.fechaInicio, #messages.msg('date.format'))}">10/10/2013</td>
				                <td th:text="${#dates.format(fase.fechaProgramadaFin, #messages.msg('date.format'))}">30/10/2013</td>
				                <td>	
				                <a class="button positive" href="#" th:href="@{'/verDetalleTrabajo/' + ${fase.id}}">Ver detalle de trabajo</a>
				                </td>
				            </tr>
				            <tr th:if="${listaFases.isEmpty()}">
				                <td colspan="6" th:text="#{resultado.noResultados}">No se encontraron resultados</td>
				            </tr>
				        </tbody>
				    </table>
				    </fieldset>		
				</div>
				
				
			</div>
</body>
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- END of the content to be included in the execution result -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

</html>
